*{padding: 0;margin: 0;}
a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var,th,td{margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display: block}
body{color:#444;padding:0 0;
font:400 14px/1.6 'Helvetica Neue',Helvetica, "Microsoft YaHei",sans-serif,Arial,'宋体';-webkit-text-size-adjust:none;
background:#fff; }
a:hover img,img{border:none; vertical-align: top;}
ol,ul{list-style: none}
input,button,select,textarea{outline:none;font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif; font-size:14px; color: #666;}
table input,table button,table select,table textarea{ vertical-align:middle;}
button,html input[type=button],input[type=submit]{-webkit-apperance: button; cursor: pointer}
button[disabled],html input[disabled]{cursor: default}
textarea{resize:none}
table{ border-collapse:collapse;}
a{text-decoration:none; color:#444;}
h1,h2,h3,h4,h5,h6{font-weight:400; font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;}
th{font-weight: normal; }



.al{text-align: left;}
.ac{text-align: center;}
.ar{text-align: right;}
.hide{display: none;}

.clear, .clr{display: block; clear: both; height: 0; line-height: 0; font-size: 0; overflow: hidden;}
.clearfix2:before,.clearfix2:after{content:""; display: table;}
.clearfix2:after{clear: both;}
.clearfix2{*zoom:1;}


::-webkit-scrollbar{width:6px;height:6px;border-left:1px solid #e8e8e8 ;}
::-webkit-scrollbar-button{height:0;width:0;}
::-webkit-scrollbar-track{background-color:#fafafa;}
::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:1em ;position:relative\9;behavior: url(js/pie.htc);}



.clearfix:after{content: ""; display: block;height: 0;clear: both;}
.clearfix{zoom:1;}
.clearit{clear:both;height:0;font-size:0;overflow:hidden;}
.fl{float:left;_display:inline;}
.fr{float:right;_display:inline;}


a:hover/*,a:active,a:focus*/{text-decoration:none;}
.hidden{visibility:hidden;}

.wb{display: flex; display: -webkit-box;display: -moz-box;}
.wbc{display: flex; display: -webkit-box; display: -moz-box; align-items: center; -webkit-box-align: center;-moz-box-align: center;}
.wbw{display: block; flex: 1; -webkit-box-flex: 1;-moz-box-flex: 1;}

/*设置选中文字时的背景色*/
::selection{ background:#e3120b; color:#fff; }
::-moz-selection    { background:#e3120b; color:#fff; }
::-webkit-selection { background:#e3120b; color:#fff;}
/*可改变元素被点击时背景框的颜色*/
html{-webkit-tap-highlight-color: rgba(240,240,240,0.7);}/*如果需要背景框不显示，则可以将rgba中的alpha值设为0即可，例如rgba(0,0,0,0)*/

/*--------------------------end公用样式*/
html,body {height: 100%}
body{background: #ffff;}
.w_1200{ width:1200px; margin:0 auto;}
.w_1136{ width:1136px; margin:0 auto;}
.w_986{ width:986px; margin:0 auto;}
.w_900{ width:900px; margin:0 auto;}
.w_816{ width:816px; margin:0 auto;}


.min_1200{margin: 0 auto; min-width: 1200px; _width:expression((documentElement.clientWidth < 1200) ? "1200px" : "auto" );}
.max_1200{margin: 0 auto; max-width: 1200px; _width:expression((documentElement.clientWidth > 1200) ? "1200px" : "auto" );}



.phcolor{color: #bbb!important;}
input::-webkit-input-placeholder{color: #bbb;}
input:focus::-webkit-input-placeholder{color: #999;}
input::-moz-placeholder{color: #bbb;}
input:-ms-input-placeholder{color: #bbb;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none!important; margin: 0;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
input[type="number"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}

a{transition: .2s; -moz-transition: .2s; -webkit-transition: .2s;}

.content{margin-right: 5px;border-right:1px solid #dedede ;}

.index1{padding: 225px 0 52px;background:url(../images/icon/bg.png) center repeat-x;background-size:auto 100%;}
.index1 h1{margin-bottom: 55px;}
.index1 h2{font-size: 28px;color: #4d5257;margin-bottom: 24px;}
.index1 h2 span{display: inline-block;vertical-align: middle;}
.index1 h3{font-size: 22px;color: #999;margin-bottom: 74px;}
.index1 h4{color: #41464b;font-size: 17px;}
.index1 h4 a.land{margin-left: 5px;display: inline-block;color: #41464b;font-size: 17px;}
.index1 h4 a.land:hover{color: #4c84a6;}
.index1 h4 a.register{color: #fff;width: 190px;height: 41px; line-height:41px;display: block;background: #41464b;border: 1px solid #41464b; font-size: 18px;margin: 0 auto 20px;}
.index1 h4 a.register:hover{background: #fff;color: #41464b;}

.play{display: inline-block;width: 26px;height: 26px;margin-left: 15px; background: url(../images/icon/play.png) no-repeat center;background-size:26px auto;vertical-align: middle;border-radius: 50%;}
.play:hover{background-image: url(../images/icon/play1.png);}
.play.on{background-image: url(../images/icon/play2.png);}

.index2,.index3,.index4,.index5,.index6{padding-top: 100px;}
.index2 h2,.index3 h2,.index4 h2,.index5 h2,.index6 h2,.index7 h2,.index8 h2,.index9 h2{font-size: 28px;color: #41464b;margin-bottom: 5px;font-weight: bold;}
.index2 h3,.index3 h3,.index4 h3,.index6 h3,.index8 h3,.index9 h3{font-size: 18px;color: #49638a;margin-bottom: 75px;}

.index_1{font-size: 0;}
.index_1 .index_left_1,.index_1 .index_right_1{display: inline-block;font-size: 18px;vertical-align: middle;}
.index_right_1{width: 700px;height: 552px;overflow: hidden;}
.index_left_1{margin-right: 99px;}
.index_left_1 span{display: inline-block;vertical-align: middle;margin-left: 18px;margin-bottom: -4px;}
.index_left_1 li{margin-bottom: 38px;}
.index_left_1 li:last-child{margin-bottom: 0;}

.index_2{font-size: 0;}
.index_2 .index_left_2,.index_2 .index_right_2{display: inline-block;font-size: 18px;vertical-align: middle;}
.index_left_2{width: 700px;height: 552px;overflow: hidden;}
.index_right_2{margin-left: 61px;}
.index_right_2 span{display: inline-block;vertical-align: middle;margin-left: 18px;margin-bottom: -4px;}
.index_right_2 li{margin-bottom: 38px;}
.index_right_2 li:last-child{margin-bottom: 0;}

.index_right_1 li,.index_left_2 li{display: block;width: 700px;min-height: 552px;}
.index_right_1 li .zoomimg,.index_left_2 li .zoomimg{width: 100%;height: auto;}


.index4 .box,.index5 .box{width: 900px;margin: 0 auto;overflow: hidden;position: relative;}
.index4 h3{margin-bottom: 52px;}
.index4 .type{font-size: 0;margin-bottom: 52px;}
.index4 .type li{display: inline-block;border-right:1px solid #333 ;height: 17px;line-height: 17px;font-size: 17px;overflow: hidden;}
.index4 .type li:last-child{border-right:none ;}
.index4 .type a{display: block;padding:0 25px;color: #41464b;}
.index4 .type li.on a{color: #49638a;}

.index5{padding-bottom: 100px;background: url(../images/icon/bg2.png) repeat-x ;background-size:auto 100%;}
.index5 h2{margin-bottom: 64px;}

.index7{padding: 53px 0;}
.index7 .friend{font-size: 0;text-align: center;}
.index7 .friend li{display: inline-block;vertical-align: middle;margin:0 15px 20px;width: auto;height: 45px;}
.index7 .friend img{height: 100%;width: auto;}

.open a{display: inline-block;width: 206px;height: 46px;line-height: 46px;color: #568ab7;font-size: 18px;margin: 0 25px; border: 2px solid #568ab7;}
.open a:hover{background: #568ab7;color: #fff;}

.pic img{width: 100%;height: auto;}

.talklist p{padding:0 60px; font-size: 20px;color: #555;line-height: 35px;height: 140px;}
.talk{background: url(../images/icon/talk.png) no-repeat top;background-size:100% auto ;width: 100%;height: 60px;position: absolute; top: 0;left: 0;}

.people{font-size: 0;margin-top: 62px;text-align: center;}
.people li{font-size: 16px;display: inline-block;width: 25%;margin-left: -4px;  border-top:2px solid #4c84a6 ;padding: 30px 0;filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;}
.people li.on{filter:alpha(opacity=100);-moz-opacity:1;opacity: 1;}

.people_left, .people_right{display: inline-block;vertical-align: middle;}
.people_left{width: 60px;height: 60px;border: 2px solid #fff; overflow: hidden;}
.people_left img{max-width: 100%;height: auto;}

.people_right a{display: block;}
.people_right h4{color: #333;font-size: 14px;font-weight: bold;}
.people_right p{color: #999;font-size: 12px;}

.footer{padding: 63px 0;}
.footer ul{font-size: 0;margin-bottom: 23px;}
.footer li{display: inline-block;margin: 0 25px;font-size: 14px;}
.footer li a{color: #999;}
.footer li a:hover{color: #4c84a6;}
.footer h3{color: #c6c6c6;font-size: 12px;}
.footer h3 span{display: inline-block;vertical-align: middle;margin-right: 10px;}

.i2_sign,.i3_sign{width: 41px;height: 41px;display: inline-block;background: no-repeat;background-size:41px auto ;vertical-align: middle;}

.i2_sign{background-image: url(../images/icon/i2.png) ;}
.i3_sign{background-image: url(../images/icon/i3.png) ;}

.index_left_1 li.on .i2_sign{background-image: url(../images/icon/i2_1.png);}
.index_right_2 li.on .i3_sign{background-image: url(../images/icon/i3_1.png);}

.i2_sign_1,.i3_sign_1{background-position:0 0 ;}
.i2_sign_2,.i3_sign_2{background-position:0 -41px ;}
.i2_sign_3,.i3_sign_3{background-position:0 -82px ;}
.i2_sign_4{background-position:0 -123px ;}

.index_left_1 li.on,.index_right_2 li.on{color: #4c85a7;}

/*圆角*/
.round_s{ -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.round_ss{ -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.round_m,.round_m_a a{ -moz-border-radius:2em; -webkit-border-radius:2em; border-radius:2em;}
.round_r,.round_img img{-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
/*链接文件*/
.round_s,.round_ss,.round_r,.round_m,.round_img img,.ibn .hd li,.studen_scroll .hd li,.newscorllrow .hd li,.round_m_a a{position:relative\9;behavior: url(js/pie.htc);}

.zoomy{ position:absolute; display:none; background-repeat:no-repeat; border:1px solid #eee; box-shadow: 0 1px 2px #ccc; cursor:url(../images/icon/blank.gif), move; line-height:100px; text-align:center; background-image:url(../images/icon/loading.gif); background-position:center; background-color:#fff; z-index:1000;}
.zoomy span{ display:block; margin:10px auto; background:-webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0.50, rgba(255, 255, 255, 0)), to( rgba(255, 255, 255, .5))); background:-moz-linear-gradient(bottom center, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .5) 100%);}
.zoomy img{ opacity:0; filter:alpha(opacity=0);}
.zoomy a{ color:#333; text-decoration:none;}



.toper{ background-color: #fff; position:relative;height: 60px;background: #fff; width: 100%; padding:0 0; z-index: 10;}
.SoundEMS{position: fixed;top: 0;left: 0;}
/*标志*/
.logo{height: 28px;margin: 16px 0;font-size: 0;position: relative;}
.logo a{display: block;height: 28px;}
.logo img{height: 100%;width: auto;}
.SoundEMS .logo img{margin-top: 1px;}
.logo .headl{width: 14px;height: 20px;margin-right: 10px; background: url(../images/icon/left.png) no-repeat center;vertical-align: top;margin-top: 7px; display: inline-block;background-size:14px auto ;}
.logo .headl:hover{background-image:url(../images/icon/left1.png);}
.logo span{font-size: 25px;line-height: 30px;margin-left: 10px; color: #c1cbd3;display: inline-block;vertical-align: text-bottom;}
/*导航*/
.nav{ font-size: 14px; line-height: 30px;margin: 15px 0; }
.nav li{ float:left; margin:0 .5em;}
.nav a{display: block;padding:0 15px;font-size: 15px;color: #adadad;}
.nav a:hover{color: #333;}
.nav.fl{margin-left: 1.5em;}
.nav.fr a.land_btn{background: #fff;border: 1px solid #41464c;color: #41464c;}
.nav.fr a.register{background: #41464c;border: 1px solid #41464c;color: #fff;}
.nav.fr a:active,.nav.fr a:hover{background: #d8553f;color: #fff;border-color:#d8553f ;}
/*.SoundEMS .nav.fr a{color: #c2cbd2;}*/
/*.SoundEMS .nav.fr a:hover{color: #5bc4c7;background: none;}*/

.index8,.index9{padding: 42px 0;}
.column{width:300px;height:926px;display: inline-block;vertical-align: top; box-sizing:border-box;background-image:linear-gradient(-180deg,#fff 52%,#FAFAFA 100%);border:1px solid rgba(0,0,0,.1);box-shadow:0 -16px 32px 0 rgba(0,0,0,.04),inset 0 -3px 0 0 #fff,inset 3px 0 0 0 #fff,inset -3px 0 0 0 #fff}
.column .header{margin-top:0;height:353px;position:relative;overflow:hidden;box-shadow:inset -2px 0 0 0 rgba(255,255,255,.1),inset 2px 0 0 0 rgba(255,255,255,.1),inset 0 2px 0 0 rgba(255,255,255,.1)}
.column .header .center{position:relative;z-index:1}
.column .header .center .glyph{margin-top:53px;color: #f4f4f4;font-size: 30px;}
.column .header .center .glyph-basis{color: #444;}
.column .header .center .subtitle{opacity:.8;font-size:14px;color:#A0A2A5;letter-spacing:.88px;line-height:24px;margin-top:10px}
.column .header .center .price-wrapper{margin-top:22px}
.column .header .center .price-wrapper .price-symbol{font-size:36px;color:#A0A2A5;letter-spacing:1.5px;margin-left:19px;font-weight:300}
.column .header .center .price-wrapper .price-number{font-size:36px;color:#A0A2A5;letter-spacing:1.5px;margin-left:1px;font-weight:300}
.column .header .center .price-wrapper .price-unit{font-size:16px;color:#A0A2A5;letter-spacing:.67px;margin-left:3px;position:relative;top:-3px;left:1px}
.column .header .center .buttons{margin-top:38px}
.column .header .center .buttons .home-button{width:220px;box-sizing:border-box;display: block;margin: 0 auto; background-image:linear-gradient(-180deg,#fff 0,#FBFBFB 100%);border:1px solid #C2C2C2;border-radius:2px;font-size:16px;color:#676B6F;line-height:38px}
.column .header .center .buttons .home-button.dim{background-image:none;background-color:transparent;border:none;color:#A0A2A5}
.column .header .center .buttons .home-button.dim:hover{border:none;color:#C6C7C9}
.column .header .center .buttons .home-button.disabled{background:#ECECED;border-color:#ECECED;color:#C6C7C9;cursor:not-allowed}
.column .header .center .buttons .home-button.disabled:hover{border-color:#ECECED;color:#C6C7C9}
.column .header .center .buttons .home-button:hover{border:1px solid #A5A5A5;color:#2C3033}
.column .header.basis{background:url(../images/icon/bg3.png) repeat-x;background-size:auto 100%;border-bottom:1px solid #E2E2E2}
.column .header.senior{background:url(../images/icon/bg4.png) repeat-x;background-size:auto 100%;}
.column .header.senior .center .subtitle{color:#C6C7C9}
.column .header.senior .center .price-wrapper .price-symbol{color:#FFF}
.column .header.senior .center .price-wrapper .price-number{color:#FFF}
.column .header.senior .center .buttons .home-button{border:none;line-height:40px}
.column .header.senior .center .buttons .home-button.disabled{background-color:#A0A2A5;border-color:#A0A2A5;color:#C6C7C9}
.column .header.enterprise{background:url(../images/icon/bg5.png) repeat-x;background-size:auto 100%; }
.column .header.enterprise .center .subtitle{color:#C6C7C9}
.column .header.enterprise .center .price-wrapper .price-symbol{color:#FFF}
.column .header.enterprise .center .price-wrapper .price-number{color:#FFF}
.column .header.enterprise .center .buttons .home-button{border:none;line-height:40px}
.column .header.enterprise .center .buttons .home-button.disabled{background-color:#41464B;border-color:#41464B;color:#676B6F}
.column .features{height:573px;box-sizing:border-box;padding:34px 40px 0}
.column .features .row{height:40px;padding-right:34px}
.column .features .row .left-cell{color:#41464B;font-size:14px;line-height:40px;text-align:left}
.column .features .row .left-cell .grey{font-size:14px;color:#A0A2A5}
.column .features .row .right-cell{float:right;margin-right:-34px;width:34px;height:40px;font-size:14px;color:#2C3033;font-weight:700;text-align:right;line-height:40px}

.glyph-checker{float: right;width: 17px;height: 13px;background: url(../images/icon/check.png) no-repeat center;background-size: 17px auto; margin-top: 14px;}

.suiteitem{width: 220px;border: 1px solid #d9d9d9;margin-left: 20px; display: inline-block;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;padding: 0 20px 20px;}
.suiteitem:first-child{margin-left: 0;}
.suiteitem div{background: #343434;color: #fff;margin:  0 20px 28px;line-height: 32px;font-size: 15px;border-radius:0 0 10px 10px ;position:relative\9;behavior: url(js/pie.htc);}
.suiteitem div.special{background: #c43b3a;}
.suiteitem h4{font-size: 28px;color: #5a5f63;border-bottom: 1px solid #ccc;}
.suiteitem h5{font-size: 22px;color: #5a5f63;margin-top: 5px;}
.suiteitem h6{font-size: 15px;color: #959595;margin-top: 58px;}
.suiteitem h6.f_red{color: #c43b3a;}
.suiteitem a{border: 1px solid #4e4e4e;display: block;line-height: 38px;color: #888;font-size: 17px;margin-top: 10px;}
.suiteitem a:active{background: #c43b3a;color: #fff;border-color:#c43b3a ;}

.index9 .select{font-size: 14px;color: #666;margin-top: 41px;}
.index9 .select select{padding:0 20px 5px;height: 35px; margin-left: 20px;display: inline-block;}
.index9 .select span{display: inline-block;}

.voicelist{margin: 20px;padding: 40px;border: 1px solid #ccc;font-size: 15px;}
.voicelist li{height: 68px;display: block;border-bottom: 1px solid #ccc;padding-right: 10px;}
.voicelist div{display: inline-block;margin-top: 36px;color: #7b7b7b;}
.voicelist .al{text-align: left;display: block;color: #4b4b4b;margin-top: 20px;}
.voicelist div span{display: inline-block;margin-right:10px ;padding-right: 10px;border-right: 1px solid #ccc;}
.voicelist div a{color: #666;}
.voicelist div a:hover{color: #49638a;}
.voicelist .logobox{height: 31px;margin-top: 28px; display: inline-block;}
.voicelist .logobox img{height: 100%;width: auto;}

.voicelist .f_red{color: #c43b3a;}

.problem{text-align: left;}
.problem .row{border-bottom:1px solid #ccc ;}
.problem li{display: inline-block;width: 431px;vertical-align: top;margin: 50px 0;}
.problem li.right_item{margin-left: 78px;}
.problem .row1 li{margin-top: -50px;}
.question{font-size: 20px;color: #41464B;line-height: 28px;font-weight: bold}
.answer{margin-top: 11px;font-size: 16px;color: #999;line-height: 30px;text-align: justify}

.famous{border-bottom: none;}
.famous h3{margin-bottom: 0;}
.famous a{width: 220px;border: 1px solid #c2c2c2;line-height: 40px;display: block;color: #c43b3a;font-weight: bold;font-size: 16px;margin: 34px auto 70px;}
.famous a:active{border-color:#c43b3a ;background: #c43b3a;color: #fff;}

.page{height: 100%;box-sizing: border-box;}
.main{position: relative;width: 1200px;height: 100%;margin: auto; color: #152129;box-sizing: border-box;padding-top: 200px;}
.mainbox{height: 100%; background: url(../images/icon/bj.jpg) no-repeat bottom left 8%;background-size:auto 85% ;background-size:contain!important ; }
.main .article {position: absolute;top: 80px; right: 0;width: 465px;}
.main h2 {position: relative;margin-left: 160px;font-size: 26px;font-weight: normal;line-height: 50px}
.main h2::before {content: '';position: absolute;top: 3px;left: -160px;width: 147px;height: 35px;background-image: url(../images/logo.png);background-repeat: no-repeat;background-size: 147px auto}
.main h1 {font-size: 48px;font-weight: normal}
.main .master-desc {margin-bottom: 50px;font-size: 14px}
.main .img-master {display: none;}
.main blockquote {position: relative;font-size: 16px; line-height: 2em;letter-spacing: 0.3px;margin-top: 34px;}
.main blockquote::before{content: url(../images/icon/douhao.svg);position: absolute;top: 0;left: -80px}
.main blockquote::after{content: url(../images/icon/douhao.svg);position: absolute;bottom: 0;right: -50px;-webkit-transform: rotate(180deg);transform: rotate(180deg)}
.main blockquote p {margin-bottom: 10px}
.main .btn {margin-top: 20px;display: inline-block;width: 180px;height: 48px;line-height: 48px;color: #fff;text-align: center;background-color: #2dc100}
.main .btn:hover {opacity: 0.8}
.main .company{margin-top:20px ;}
.tower-master{margin: 30px 0 10px;width: 290px; text-align: right;float: right}
.tower-master h3{font-weight: normal;font-size: 16px;color: #727c81}
.tower-master p{margin-top: 10px;font-size: 12px;color: #98a3a8;line-height: 1.8em;}

.twr-weixin{width: 18px;height: 18px;background: url(../images/icon/weixin.png) no-repeat center;background-size:18px auto;display: inline-block;vertical-align: middle;margin-top: -2px;margin-right: 5px;}

.service a.btn ,.promoting div.md  a.btn,.company_box  a.btn{box-sizing: border-box;height: 64px;width: 224px;position: absolute;left: 50%;margin-left: -112px;font-size: 20px;line-height: 64px;text-align: center}
.service a.btn:hover ,.promoting div.md a.btn:hover,.company_box  a.btn:hover{background: #e9563d;color: #fff;border-color: #e9563d;}

.service {position: relative;background-color: #00b9f2;height: 720px}
.service .service_box {height: 100%;text-align: center}
.service .service_box img {display: inline-block;height: 433px}
.service a.btn {bottom: 100px;background-color: #fff;color: #00b9f2;}


.promoting {position: relative;background-color: #fff}
.promoting>.promoting_box {width:100%;height: 100%;text-align: center;overflow-x: hidden;}
.promoting>.item1 img {display: inline-block;margin-left: 50%;position:relative;left: -720px;}
.promoting>.item2 img {display: inline-block;margin-left: 50%;position:relative;left: -720px;}
.promoting div.md {position: relative;height: 190px}
.promoting div.md a.btn {top: 64px;background-color: #fff;color: #333;border: 1px solid #333}


.company_box {background-color: #fafafa;position: relative}
.company_box>.companylist {width:100%;height: 100%;text-align: center;overflow-x: hidden;}
.company_box>.item2 img {display: inline-block;margin-left: 50%;position:relative;left: -720px;}
.company_box a.btn {bottom: 168px;background: #00b8f9;color: #fff;}

.quality{background-image:url(../images/icon/quality.jpg) ;background-size:cover ;background-position:top center ;height: 478px;}
.qualitytext li{margin-bottom: 50px;position: relative;margin-left: 120px;}
.qualitytext li:nth-last-child(2){margin-bottom: 0;}
.qualitytext li.quality_text::before{position: absolute;top: -10px;left: -90px;background-image:url(../images/icon/qualitysign.png) ;background-size:60px auto;width: 60px;height: 60px;display: block;content:" "; }
.quality_1::before{background-position:0 0 ;}
.quality_2::before{background-position:0 -60px ;}
.quality_3::before{background-position:0 -120px ;}
.quality_4::before{background-position:0 -180px ;}
.quality_5::before{background-position:0 -240px ;}
.qualitytext h1{color: #565656;font-size: 36px;line-height: 36px;}
.qualitytext p{color: #b4b4b4;font-size: 16px;margin-top: 20px;}
.qualitytext a{color: #49638a;}


.support-video {padding: 70px 0 30px; }

.support-video .swiper-container {width: 100%;height: 100%;padding-bottom: 30px; }

.support-video .swiper-container .swiper-button-prev, .support-video .swiper-container .swiper-button-next {top: 82px;width: 25%;height: 278px;background: none; }
.support-video .swiper-container .swiper-button-prev {left: 0;}
.support-video .swiper-container .swiper-button-next {right: 0;}
.support-video .more a,.view-more .more a {display: inline-block;*display: inline;*zoom: 1;width: 200px;height: 50px;line-height: 50px;margin-top: 30px;color: #47B0FB;border: 1px solid #47B0FB;font-size: 18px;border-radius: 3px; }
.support-video .more a:hover,.view-more .more a:hover {color: #fff;background: #47B0FB; }
.video-btn, .event-btn {position: relative;display: block;color: #38383C; }
.video-btn:before, .event-btn:before {position: absolute;top: 0;left: 0;content: ""; width: 100%; height: 100%;background: url(../images/icon/icon-paly.png) center center no-repeat;background-size: 50px auto;border-radius: 6px;}
.video-btn.on:before{background-image:url(../images/icon/icon-paly2.png) ;}
.video-btn.pic-btn:before, .event-btn.pic-btn:before {display: none; }
.video-btn img, .event-btn img {display: block;width: 100%;height: auto; }
.video-btn .status, .event-btn .status {position: absolute;top: 17px;right: 26px;height: 20px;line-height: 20px;color: #fff;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); }
.video-list .video-btn:before, .video-list .event-btn:before {display: none; }
.video-list .video-pic .video-btn {width: 100%;height: 290px;background-repeat: no-repeat;background-size: cover; }
.video-list .video-content {display: none;padding: 15px 50px 30px;color: #bbb;}
.video-list .video-content .more {color: #47B0FB;display: block;}
.video-list .video-title {margin: 0;line-height: 30px;color: #999;font-size: 14px;margin-bottom: 20px;}
.video-list .video-text {padding-bottom: 20px;}
.video-list .video-title h4 {font-size: 18px;font-family: 'PingFang SC',color: #808080; sans-serif;font-weight: 400; }
.video-list .swiper-slide {text-align: center;background: #fff;/* Center slide text vertically */ }
.video-list .swiper-slide .item-inner {-webkit-transition: .3s;transition: .3s;box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.15); }
.video-list .swiper-slide.hover .item-inner {-webkit-transform: translateY(-10px);transform: translateY(-10px); }
.video-list .swiper-slide.swiper-slide-active .item-inner {box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.15); }
.video-list .swiper-slide.swiper-slide-active .video-content {display: block;}
.video-list .swiper-slide.swiper-slide-active .video-btn:before, .video-list .swiper-slide.swiper-slide-active .event-btn:before {display: block; }
.video-list .swiper-slide.swiper-slide-active .video-btn.no-play:before, .video-list .swiper-slide.swiper-slide-active .video-btn.pic-btn:before, .video-list .swiper-slide.swiper-slide-active .event-btn.no-play:before, .video-list .swiper-slide.swiper-slide-active .event-btn.pic-btn:before {display: none; }

.icon {display: inline-block;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;}
.icon-circle-down {width: 20px;height: 20px;background: url(../images/icon/icon-circle-down.png) center no-repeat;vertical-align: top;background-size:20px auto ; }

.noborder{border: none;}

.adv{padding-bottom: 134px;}
.index10{background-color:#f8f8f8 ;padding-top: 62px;padding-bottom: 44px;}
.index10 a{display: inline-block;width: 320px;height: 52px;line-height: 52px;border: 1px solid #000;font-size: 17px;margin: 0 8px;}
.index10 a:active{background: #4d5257;color: #fff;}
.index10 a:hover{filter:alpha(Opacity=80);opacity: .8;-moz-opacity:.8;-webkit-opacity: .8;}
.index10 .btn_reserve{background: #4d5257;color: #fff;}
.index10 .btn_reserve:active{background: #fff;color: #333;}